/*!
 * V1 Style
 */
@import '~ant-design-vue/es/style/themes/default.less';


// Authorize for guest
.auth {margin:-200px 0 0 -175px;width:350px;position:absolute;top:50%;left:50%;}
.auth .auth-item:not(:nth-child(1)) {margin-top:1em;}
.auth-button {width:100%;}

// Drawer for side components.
.drawer .drawer-loading {margin:0 auto;}
.drawer .drawer-item:not(:nth-child(1)) {margin-top:1em;}
.drawer .drawer-label {border-left:3px solid @border-color-split;}
.drawer .drawer-label label {margin-left:7px;font-weight:bold;}
.drawer .drawer-control {margin-top:7px;}
.drawer .drawer-control p span {color:@primary-color;}
.drawer .drawer-control .ant-form-item {margin:0;}
.drawer .drawer-button {margin-top:1em;}
.drawer .drawer-button button:not(:nth-child(1)) {margin-left:1em;}
.drawer .drawer-tabs {margin-bottom:1em;padding-left:24px;height:30px;border-bottom:1px solid @border-color-split}
.drawer .drawer-tabs span {padding:0 6px;height:29px;line-height:29px;background-color:@background-color-base;border-top:1px solid @border-color-split;border-right:1px solid @border-color-split;display:inline-block;cursor:pointer;}
.drawer .drawer-tabs span:nth-child(1) {border-left:1px solid @border-color-split;}
.drawer .drawer-tabs span.active {background-color:#ffffff;border-bottom:1px solid #ffffff;}

.drawer .drawer-info {padding:10px;border-radius:4px;background-color: @background-color-base;}
.drawer .drawer-info ul, .drawer .drawer-info ol {margin:0;padding:0;}
.drawer .drawer-info li {line-height:24px;list-style:none;}
.drawer .drawer-info li:not(:nth-child(1)) {border-top:1px solid @border-color-split;}
.drawer .drawer-info li span {color:@primary-color;}
.drawer .drawer-info .drawer-info-status {float:right;}
.drawer .drawer-code {padding:10px 0 10px 10px;}
.drawer .drawer-code pre {margin:0;padding:10px;border-radius: 4px;}
.drawer .drawer-code pre.error {color:#ff0000;background-color:#FFFFCC;}
.drawer .drawer-code pre.normal {color:#333333;background-color: #ECF4FF;}
.drawer .drawer-code pre.success {color:#333333;background-color:#F0FFF4;}

.drawer .drawer-snapshot {padding:1em 0 1em 1em;}
// Extra for heading.
.extra-content button:not(:nth-child(1)) {margin-left:8px;}

// Grid for clusters.
.grid .ant-avatar {border-radius:4px;}
.grid .grid-info ul, .grid .grid-info ol {margin:0;padding:0;}
.grid .grid-info li {list-style:none;}
.grid .grid-info p {margin-top:1em;padding-left:10px;border-left:3px solid @border-color-split;}

// Status color.
.status-highlight {color:darkorange;}
.status-disabled, .status-failed {color:red;}
.status-enabled, .status-succeed {color:green;}
.status-ignored {color:gray;}
.status-created, .status-waiting, .status-processing {color:black;}

// Table style.
//.table-list .ant-table-thead > tr > th, .table-list .ant-table-tbody > tr > td {margin:0;padding:6px 10px;white-space: nowrap;}
//.table-list * {margin:0;padding:0}
.table-list .action-list {text-align: right;}
.table-list .ellipsis {max-width:280px;overflow:hidden;word-break:break-all;white-space: nowrap;text-overflow: ellipsis;}
